<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=0, viewport-fit=cover">
		<!-- <meta name="viewport"
			content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> -->
		<script src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="main">
				<div class="index_view">
					<div class="swiper-index">
							   <div class="swiper-container">
							        <div class="swiper-wrapper">
							            <div class="swiper-slide">
											<img  src="img/banner.jpg"/>
										</div>
							           
							        </div>
							    </div>
					</div>
					
					<div class="nav-container">
						<div class="nav-box">
							<div class="nav-item">
								<a href="#">
									<img  src="img/n1.png"/>
									<div class="nav_name">社区党建</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n2.png"/>
									<div class="nav_name">羊城家政</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n3.png"/>
									<div class="nav_name">党员.志愿</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n4.png"/>
									<div class="nav_name">颐康服务</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n5.png"/>
									<div class="nav_name">家庭医生</div>
								</a>
							</div>
						</div>
						<div class="nav-box">
							<div class="nav-item">
								<a href="#">
									<img  src="img/n6.png"/>
									<div class="nav_name">社情民意</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n7.png"/>
									<div class="nav_name">图书.配餐</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n8.png"/>
									<div class="nav_name">村史故事</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n9.png"/>
									<div class="nav_name">非遗传承</div>
								</a>
							</div>
							<div class="nav-item">
								<a href="#">
									<img  src="img/n10.png"/>
									<div class="nav_name">猎德介绍</div>
								</a>
							</div>
						</div>
						
					</div>
					
					
					<div class="article_box">
							<div class="article_top">
								最新政策
							</div>
							
							<div class="article_list">
									<div class="article_item">
											<a href="#">
												<div class="article_img">
													<img  src="img/t1.png"/>
												</div>
												<div class="article_content">
														<div class="article_title">
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
														</div>
														<div class="article_time">
														<img src="img/time.png"/>2022-02-28
														</div>
												</div>
												
											</a>
									</div>
									<div class="article_item">
											<a href="#">
												<div class="article_img">
													<img  src="img/t1.png"/>
												</div>
												<div class="article_content">
														<div class="article_title">
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
														</div>
														<div class="article_time">
														<img src="img/time.png"/>2022-02-28
														</div>
												</div>
												
											</a>
									</div>
									<div class="article_item">
											<a href="#">
												<div class="article_img">
													<img  src="img/t1.png"/>
												</div>
												<div class="article_content">
														<div class="article_title">
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
														</div>
														<div class="article_time">
														<img src="img/time.png"/>2022-02-28
														</div>
												</div>
												
											</a>
									</div>
									<div class="article_item">
											<a href="#">
												<div class="article_img">
													<img  src="img/t1.png"/>
												</div>
												<div class="article_content">
														<div class="article_title">
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
															书迷有福了，“猎德最美社区图书馆”上新
														</div>
														<div class="article_time">
														<img src="img/time.png"/>2022-02-28
														</div>
												</div>
												
											</a>
									</div>
								
								
							</div>
						
					</div>
				</div>
				
				
				<!-- 如果在其他页面底部tab栏挡住页面内容了，可以把这个打开 -->
			<!-- <div style="height: 2.56rem;" ></div> -->
			
		</div>
		
		<!-- 设备ios底部安全区域 -->
		<div class="ios_padding_bottom"></div>
		
		
		<div class="footer_bar ">
			<div class="safeView">
				<a href="#" class="footer_bar_item active_bar">
					<div class="footer_bar_icon home_icon"></div>
					<div class="footer_bar_name">首页</div>
				</a>
				<a href="#" class="footer_bar_item">
					<div class="footer_bar_icon ld_icon"></div>
					<div class="footer_bar_name">猎德人家</div>
				</a>
				<a href="#" class="footer_bar_item">
					<div class="footer_bar_icon dx_icon"></div>
					<div class="footer_bar_name">东西塔党建</div>
				</a>
				<a href="#" class="footer_bar_item">
					<div class="footer_bar_icon map_icon"></div>
					<div class="footer_bar_name">地图导航</div>
				</a>
				<a href="#" class="footer_bar_item">
					<div class="footer_bar_icon my_icon"></div>
					<div class="footer_bar_name">我的</div>
				</a>
			</div>
		</div>
		
		
		
	</body>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/swiper.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript">
		
				$(function(){
						 var swiper = new Swiper('.swiper-index .swiper-container');
				});
		
	</script>
</html>
